<template>
	<div class="Teacher">
		<div class="top">
			<componentsHeader></componentsHeader>
		</div>
		<div class="Tcontainer">
			<div class="Tmain">
				<router-view></router-view>
			</div>
			<div class="student_foot">
				<div class="foot_list">
					<ul>
					<li>关于我们</li>
					<li class="cut_line"></li>
					<li>使用指南</li>
					<li class="cut_line"></li>
					<li>联系我们</li>
					</ul>
				</div>
				<p>该系统由湖南中德安普大数据网络科技有限公司提供技术支持 Copyright 2021 中德安普大数据服务中心<!-- 湖南中德安普大数据网络科技有限公司 © 版权所有 湘ICP备16009530号-2 --></p>

			</div>
		</div>
	</div>
</template>

<script>
	import componentsHeader from "./teacherHeader.vue";
	export default{
		name:'teacherMain',
		data(){
			return {
				
			}
		},
		components:{
			componentsHeader,
		},
	}
</script>

<style scoped lang="less">
	.student_foot {
	  position: absolute;
	  bottom: 46px;
	  left: 50%;
	  transform: translateX(-50%);
	
	  .foot_list {
	    display: flex;
	    align-items: center;
	    margin-bottom: 12px;
	
	    ul {
	      overflow: hidden;
	      margin: 0 auto;
	
	      li {
	        float: left;
	        font-size: 16px;
	        color: #666666;
	        line-height: 22px;
	      }
	
	      .cut_line {
	        width: 1px;
	        height: 14px;
	        background: #DCE0E3;
	        margin: 0 15px;
	        margin-top: 5px;
	      }
	    }
	  }
	
	  p {
	    text-align: center;
	    font-size: 14px;
	    color: #999;
	  }
	}
	.Teacher{
		height: 100vh;

	}
	.top{
		height: 70px;
		width: 100vw;
		background-color: #212844 ;
	}
	.Tmain{
		display: flex;
		justify-content: center;
		align-items: center;
/* 		background-color: #006600; */
		height: 800px;
	}
	.Tfooter{
		
	}
	.Tcontainer{
		height: 866px;
		background: url(../../../static/images/bg_index@2x.png) no-repeat;
		background-size: 100% 100%;
	}
</style>
